<template>
<div>
    <div id="K1">导航栏</div>
        <slot>原本的匿名slot</slot>
        <br>
        <slot name="haveName">原本的具名slot</slot>
    <div id="K2">底部区域</div>
</div>
</template>

<script>
export default {
    name:"slottest",
}
</script>

<style scoped>
div{
    text-align:center;
}
#K1{
    border: solid 3px blue;
}
#K2{
    border: solid 3px red;
}
</style>